<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>表单</title>
</head>
<body>
哈哈
<br>
<!--
    表单标签form，本身没有任何效果，只是规定了表单的代码范围
    表单必须又表单项的支持

    表单中，每个表单项必须有name属性，用于传输数据时充当键的位置，与用于填写的数据形成键值对！

    action：规定当提交表单时向何处发送表单数据，URL   目前写成#  代表数据自己提交给自己
    method:数据提交的方式
        -get  默认方式   数据在url地址栏位置可以看到
        -post  数据不会在url地址栏位置看到  (后边的知识：数据会藏在请求体中传给后台java代码)  表单通常使用post提交   但是学习期间，经常使用get提交
-->
<form action="#" method="get">

    <!-- input#type=hidden  隐藏域 用户页面上看不到,但是会随便表单提交-->
    <input type="hidden" name="ip" value="192.168.33.35">

    <!-- input#type=text  文本框-->
    用户名:<input type="text" name="username"> <br>
    <!-- input#type=password  密码框-->
    密码:<input type="password" name="password"> <br>
    <!-- input#type=radio 单选框,要求一组单选框必须有相同的name属性值  checked：用于标记该单选框是否为选中状态-->
    性别:<input type="radio" name="sex" value="nan">男
    <input type="radio" name="sex" checked value="nv">女 <br>
    <!-- input#type=checkbox 复选框,要求一组复选框必须有相同的name属性值  checked：用于标记该复选框是否为选中状态-->
    爱好:
    <input type="checkbox" name="hobby" value="java">Java
    <input type="checkbox" name="hobby" value="Game">Game
    <input type="checkbox" name="hobby" value="数据库">数据库
    <input type="checkbox" name="hobby" value="rap" checked>rap <br>
    <!-- input#type=file  定义文件上传   暂时不学习，这里简单看一下-->
    头像：<input type="file"> <br>
    <!--
        select  下拉框
            option 可选值  对于option如果没有给value，则中间夹的数据就是最终提交的值。但通常都会给与value值
    -->
    地址：
    <select name="address">
        <option value="">--请选择--</option>
        <option value="sh">上海</option>
        <option value="nj">南京</option>
        <option value="hz">杭州</option>
        <option value="sz">苏州</option>
    </select>
    <br>
    <!-- textarea：文本域   cols：宽度    rows：高度 -->
    个人签名：<textarea cols="30" rows="5" name="description"></textarea> <br>

    <!-- input#type=submit  提交按钮-->
    <input type="submit">
    <!-- input#type=reset  重置按钮-->
    <input type="reset">
    <!-- input#type=button  普通按钮-->
    <input type="button" value="哈哈，点我">
    <button type="submit">button标签也是按钮?</button>
</form>
</body>
</html>